<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>添加银行卡</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link href="../../css/mui.picker.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/title.css" />
		<style>
			.card_top{
				background:#fff;
				color:#000;
				padding:55px 20px 10px;
			}
			.mui-switch.mui-active {
			    border-color: #fbed21;
			    background: -webkit-linear-gradient(top,#fbed21,#fab937);
			    background-color:none;
			}
			.payment .mui-input-group .mui-input-row input{
				color:#000;
			}
			.payment .mui-button-row, .payment .mui-input-group .mui-input-row.mui-radio{
				background:#e3e3e3;
			}
			.payment .mui-button-row button{
				background:#05508a;
				color:#fff;
			}
			.payment .mui-input-group{
				background:#fff;
			}
			.payment .mui-input-group .mui-input-row label{
				color:#000;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>添加银行卡</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="area-data"></a>
			 <script id="area-templete" type="text/template">
				<select class="mui-btn mui-btn-block" style="background:#05508a;">
				  <% for(var z in data){ var item=data[z]; %>
					<option value="<%=(item.name)%>" <% if(item.name==now_country) { %> selected <% } %> ><%=(item.name)%></option>
					<!--
					<option value="item-2">英国</option>
					<option value="item-3">澳大利亚</option>
					<option value="item-4">美国</option>
					<option value="item-5">日本</option>-->
					<% } %>
				</select>
			 </script>
			
		</header>
		<p class="card_top" lang>*请绑定持卡人本人的银行卡，姓名一经填写不可修改</p>
		<div class="payment">
			<div class="mui-content-padded" style="margin: 5px;" id="card-data"></div>
				<script id="card-templete" type="text/template">
					<form class="mui-input-group">
						<div class="mui-input-row">
							<label lang>持卡人姓名</label>
							<input type="text" id="banks_memname" value="<%=(bank.bank_account)%>" placeholder="请输入持卡人姓名" lang>
						</div>
						
						<div class="mui-input-row">
							<label lang>开户银行</label>
							<input type="text" class="" id='showBankPicker' value="<%=(bank.bank_name)%>"  placeholder="请选择开户银行" readonly="readonly" lang> 
						</div>
						<div class="mui-input-row">
							<label lang>银行卡号</label>
							<input type="number" class="mui-input-clear" id="banks_card" value="<%=(bank.bank_card)%>" placeholder="请输入开户银行的卡号" lang>
						</div>
						<div class="mui-input-row">
							<label lang>开户支行</label>
							<input type="text" class="mui-input-clear" id="banks_addr" value="<%=(bank.bank_addr)%>" placeholder="请输入开户银行的支行分行" lang>
						</div>
						<!--
						<div class="mui-input-row mui-radio mui-left">
							<label style="width:100%" lang>设为默认</label>
							<input name="radio1" type="radio" checked="checked">
						</div> -->
					</form>
                </script>
                
                <div class="mui-input-row" style="background-color: #fff;margin: 5px; margin-bottom:15px;">
					<label style="width:31%;color:#000;" lang>设为默认</label>
					<div class="mui-switch" id="is_default" style="float:left;">
						<div class="mui-switch-handle"></div>
					</div>
				</div>
				
				<div class="mui-button-row">
					<button type="button" class="mui-btn mui-btn-block" id="add_card_btn" lang>确定</button>&nbsp;&nbsp;
				</div>
		</div>
		
		<script src="../../lang/setting.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/arttmpl.js"></script>
        <script src="../../js/mui.picker.js"></script>
		<script src="../../js/mui.poppicker.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../resource/setting/add_card.js"></script>
	</body>
</html>